* {
    margin: 0;
    padding: 0;
    list-style: none;
}

a, a:focus, a:hover {
    text-decoration: none;
}

body {
    position: relative;
}

header {
    width: 100%;
    height: 1.2rem;
    padding: 0 .32rem;
    overflow: hidden;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 1000;
}

.logo {
    background: url(../images/logo.png) no-repeat center;
    background-size: cover;
    width: 1.653333rem;
    height: .533333rem;
    margin-top: .4rem;
    float: left;
}

.menu {
    background: url(../images/menu.png) no-repeat center;
    background-size: cover;
    width: .373333rem;
    height: .333333rem;
    margin-top: .4rem;
    float: right;
}

.home {
    width: 100%;
    height: 9.6rem;
    margin-top: 1.2rem;
}

.page1 {
    width: 100%;
    height: 100%;
    background: url(../images/content1.png) no-repeat center;
    background-size: cover;
    overflow: hidden;
}

.page1 .mashine {
    background: url(../images/machine.png) no-repeat center;
    background-size: cover;
    width: 3.346667rem;
    height: 4.826667rem;
    margin-left: .8rem;
    margin-top: 2.933333rem;
    float: left;
}

.page1 .page1_content {
    width: 5.173333rem;
    height: 3rem;
    margin-top: 3.8rem;
    margin-right: .32rem;
    color: #fff;
    float: right;
}

.page1 .page1_content h4 {
    font-size: .4rem;
    line-height: .8rem;
}

.page1 .page1_content p {
    font-size: .293333rem;
    line-height: .4rem;
}

.page1 .page1_content a {
    display: block;
    width: 2.266667rem;
    height: .693333rem;
    border-radius: .346667rem;
    color: #333333;
    font-size: .32rem;
    text-align: center;
    line-height: .693333rem;
    background: #fff;
    border: none;
    margin-top: .6rem;
}

.news {
    padding: 0 .32rem;
    box-sizing: border-box;
}

.news_title {
    width: 100%;
    height: 2.6rem;
}

.news_title_left {
    background: url(../images/news_logo.png) no-repeat center;
    background-size: cover;
    width: 1.84rem;
    height: .733333rem;
    margin-top: 1rem;
    float: left;
}

.news_title a, .product_title a, .service_content a {
    display: block;
    width: 2.533333rem;
    height: .693333rem;
    background: #007ebb;
    border-radius: .346667rem;
    color: #fff;
    font-size: .32rem;
    text-align: center;
    line-height: .693333rem;
    float: right;
    margin-top: 1.066667rem;
    border: none;
}

.product_title a {
    background: #fff;
    color: #333333;
}

.service_content a {
    background: #fff;
    color: #333;
    margin-top: .466667rem;
    float: left;
}

.news_content1 {
    width: 100%;
    height: 4.2rem;
    overflow: hidden;
    position: relative;
}

.news_content1 .date {
    width: 1.2rem;
    height: 1.2rem;
    background: #007ebb;
    color: #fff;
    font-size: .32rem;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    line-height: .4rem;
    padding-top: .266667rem;
    box-sizing: border-box;
}

.news_content1 .date2 {
    background: #110f0f;
}

.news_content1>img {
    width: 4.2rem;
    height: 2.933333rem;
    margin-left: .6rem;
    margin-top: .426667rem;
    float: left;
}

.news_content1_text {
    width: 4rem;
    height: 2.933333rem;
    float: right;
    margin-top: .6rem;
}

.news_content1_text h4 {
    font-size: .346667rem;
    color: #333;
    font-weight: bold;
}

.news_content1_text p {
    font-size: .32rem;
    color: #333;
    margin-top: .266667rem;
}

.news_content1_text img {
    width: .413333rem;
    height: .253333rem;
    margin-top: .4rem;
}

.product {
    width: 100%;
    height: 8.6rem;
}

.page2 {
    width: 100%;
    height: 100%;
    background: url(../images/page2.png) no-repeat center;
    background-size: cover;
    padding: 0 .333333rem;
    box-sizing: border-box;
    padding-bottom: .666667rem;
    overflow: hidden;
}

.product_title {
    overflow: hidden;
}

.product_title_left {
    width: 2.44rem;
    height: .72rem;
    background: url(../images/product_logo.png) no-repeat center;
    background-size: cover;
    margin-top: 1.066667rem;
    float: left;
}

.product_content {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: .8rem;
}

.product_content1 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.product_content1 img {
    width: 3.666667rem;
    height: 3.866667rem;
}

.product_content1 p {
    font-size: .32rem;
    color: #fff;
    text-align: center;
    margin-top: .266667rem;
}

.service {
    width: 100%;
    height: auto;
    margin-bottom: 1.066667rem;
}

.service div {
    padding: 0 .32rem;
    box-sizing: border-box;
}

.service_title {
    width: 100%;
    height: 2.6rem;
    background: #fff;
    overflow: hidden;
}

.service_title1 {
    width: 4.6rem;
    height: .72rem;
    background: url(../images/service_title.png) no-repeat center;
    background-size: cover;
    margin-top: 1.066667rem;
}

.service_content {
    width: 100%;
    height: 5.333333rem;
    background: #110f0f;
    color: #fff;
    overflow: hidden;
}

.service_content p.title {
    font-size: .346667rem;
    font-weight: bold;
    margin-top: .933333rem;
    margin-bottom: .466667rem;
}

.service_content p.content {
    font-size: .32rem;
}

.service_images {
    width: 100%;
    height: 4rem;
    position: relative;
}

.service_images img:first-child {
    width: 5rem;
    height: 4rem;
    position: absolute;
    left: 0;
    top: 0;
}

.service_images img:nth-child(2) {
    width: 2.493333rem;
    height: 2rem;
    position: absolute;
    left: 5rem;
    top: 0;
}

.service_images img:nth-child(3) {
    width: 2.506667rem;
    height: 2rem;
    position: absolute;
    right: 0;
    top: 0;
}

.service_images img:nth-child(4) {
    width: 5rem;
    height: 2rem;
    position: absolute;
    top: 2rem;
    right: 0;
}

.footer {
    width: 100%;
    height: auto;
}

.footer>div {
    padding: 0 .32rem;
    box-sizing: border-box;
}

.footer .advice {
    width: 100%;
    height: 5.066667rem;
    background: #f7f7f7;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-grow: 1;
}

.footer .advice .advice1 {
    /* display: flex;
    flex-direction: row;
    justify-content: space-around; */
    margin-top: 1.266667rem;
    width: 50%;
    height: 1.093333rem;
}

.footer .advice .advice1:last-child {
    margin-top: 0;
}

.footer .advice .advice1 img {
    float: left;
    width: 1.266667rem;
    height: 1.093333rem;
}

.footer .advice .advice1 .advice_right {
    float: left;
    margin-left: .3rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer .advice .advice1 .advice_right p.title {
    font-size: .346667rem;
    color: #333;
    font-weight: bold;
    margin-top: .133333rem;
}

.footer .advice .advice1 .advice_right p.content {
    font-size: .32rem;
    color: #a1a1a1;
    font-weight: lighter;
}

.navigate {
    width: 50%;
    height: 100%;
    background: #2c2f34;
    position: fixed;
    top: 1.2rem;
    right: -50%;
    z-index: 100;
    transition: right 1s;
    -moz-transition: right 1s;
    -webkit-transition: right 1s;
    -o-transition: right 1s;
}

.navigate1 {
    height: 1.066667rem;
    border-bottom: 1px solid #b3b4b6;
}

.navigate a:last-child .navigate1 {
    border: none;
}

.navigate1 p {
    float: left;
    color: #fff;
    font-size: .346667rem;
    line-height: 1.066667rem;
}

.navigate1 span.arrow_right {
    background: url(../images/arrow_right2.png) no-repeat center;
    background-size: cover;
    width: .2rem;
    height: .346667rem;
    float: right;
    margin-top: .4rem;
}

.copyright {
    width: 100%;
    height: 1.333333rem;
    background: #000;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.copyright p {
    color: #9a9a9a;
    font-size: .266667rem;
    text-align: center;
}

.copyright p:first-child {
    margin-top: .4rem;
}

.apply_popup {
    width: 9.36rem;
    height: 13.573333rem;
    background: #fff;
    position: absolute;
    z-index: 1000;
    border-radius: .133333rem;
    bottom: 5%;
    left: .32rem;
    display: none;
}

.apply_popup h3 {
    font-size: .48rem;
    color: #333;
    width: 100%;
    text-align: center;
    margin-top: 1.4rem;
    font-weight: bold;
}

.apply_popup form {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: .666667rem;
}

.apply_popup form .box {
    width: 8.2rem;
    margin-bottom: .533333rem;
}

.apply_popup form .box label {
    float: left;
    font-size: .293333rem;
    color: #666666;
    line-height: .666667rem;
    display: inline-block;
    height: .666667rem;
}

.apply_popup form .box input {
    float: right;
    width: 6.533333rem;
    height: .666667rem;
    border: 1px solid #cccccc;
    text-indent: .293333rem;
}

.apply_popup form button[type="submit"] {
    width: 2.8rem;
    height: .8rem;
    background: #2b2b2b;
    border-radius: .4rem;
    border: none;
    color: #fff;
    font-size: .4rem;
}

.apply_popup .close {
    background: url(../images/close.png) no-repeat center;
    background-size: cover;
    position: absolute;
    right: .16rem;
    top: .266667rem;
    width: .626667rem;
    height: .626667rem;
}

.banner {
    width: 100%;
    height: 9.6rem;
    background: url(../images/banner8.png) no-repeat center;
    background-size: cover;
    margin-top: 1.2rem;
    margin-bottom: 1.066667rem;
}